.banner {
  height: 40px;
  background: #efefef;
}

.main {
  height: 400px;

  .swiper {

    width: 60%;

    iframe{
      width: 86%;
      height: 90%;
      margin: 24px 40px 0;
    }

    .adv-area {
      // background-image: url('../../../assets/images/adv.jpg');

      background: url(../../../assets/images/adv.jpg) no-repeat;
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover;
    }
  }

  .form{
    flex: 1;
    width: 40%;

    padding: 0 42px;
    position: relative;

    &:after{
      content: "";
      display: block;
      width: 1px;
      height: 80%;
      background: #d2d1d1;
      position: absolute;
      top: 10%;
      left: 0;
    }

    .title{
      text-align: center;
      line-height: 40px;
      font-size: 33px;
      font-weight: 700;
      color: #aaa;
      padding: 20px 0 10px;
      font-family: 'Dancing Script';
    }

    .form-item{
      margin: 10px 0;

      .input-wrap{
        border: 1px solid #cccccc;
        border-radius: 8px;
        padding: 6px;

        .input-name {
          display: inline-block;
          width: 28px;
          height: 28px;
          background: #eee;

          &.login-name {
            background: url(../../../assets/images/icons/login_account.png) no-repeat center;
          }

          &.login-password{
            background: url(../../../assets/images/icons/login_password.png) no-repeat center;
          }

        }

        input {
          width: 100%;
          line-height: 30px;
          margin-left: 8px;
        }
      }

      .input-tip{
        height: 20px;
        .input-error{
          background: #e72424;
          border-radius: 0px 0px 15px 15px;
          margin: 0 6px;
          padding: 2px 14px;
          color: white;
        }
      }
    }


    .control{
      text-align: center;
      color: #aaa;
      margin-top: 30px;
      a {
        text-decoration: none;
        margin: 0 20px;
        &:hover{
          color: #bd1d1d;
        }
      }
    }

    .buttons {
      text-align: center;
      margin-top: 20px;
    }





  }
}
